
	{% csrf_token %}
	
	<script>
	$(document).ready( function() {

		console.info("{{ planning_time.seconds }}");

		var start = false;

		{% if time.status == "STARTED" %}
		start = true;
		{% endif %}

		startover({{planning_time.seconds}},start);
	})
	</script>

	{% if time %}
	<span id="chrono-hour" class="chrono" ></span>:
	<span id="chrono-minutes" class="chrono" ></span>:
	<span id="chrono-seconds" class="chrono" ></span>
	{% endif %}

	{% if not time.started %}
	<span id="start-planning-span">
		<button id="start-planning" name="start-planning" >
			{{_('> Start')}}
		</button>
	</span>
	{% endif %}

	{% if time.status == "STARTED" %}
	<span id="pause-planning-span">
		<button id="pause-planning" name="pause-planning" >
			{{_('II Pause')}}
		</button>
	</span>
	{% endif %}

	{% if time.status == "PAUSED" %}
	<span id="continue-planning-span">
		<button id="continue-planning" name="continue-planning" >
			{{_('> Continue')}}
		</button>
	</span>
	{% endif %}

	{% if time.status == "STARTED" or time.status == "PAUSED"  %}
	<span id="stop-planning-span">
		<button id="stop-planning" name="stop-planning" >
			{{_('End Planning')}}
		</button>
	</span>
	{% endif %}
</form>
